$rem:1rem;
@mixin  size($width,$height,$back){
	width:$width;
	height:$height;
	background:$back no-repeat;
}
@mixin bgs($width){
	background-size:$width/75*$rem 100%;
}
@mixin margin($top,$left){
	margin-top:$top/75*$rem;
	margin-left:$left/75*$rem;
}
@mixin pad($top,$left){
	padding-top:$top/75*$rem;
	padding-left:$left/75*$rem;
}
@mixin flex($space,$item){
    display: flex;
    justify-content: $space;
    align-items: $item;
}
@mixin font($font,$line,$color){
	font-size:$font/75*$rem;
    line-height:$line/75*$rem;
    color:$color;
}
@mixin border($color){
	
}
@mixin po($top,$left,$index){
	position:absolute;
	top:$top/75*$rem;
    left:$left/75*$rem;
    z-index:$index;
}
@mixin border-1px($color){
    left: 0;
    bottom: 0;
    border-top:1px solid $color;
    width: 100%;
    content: '';
    }

 @-webkit-keyframes move {
 	0% {
 	
 	}
 	30% {
 	
 	}
 }
em {
	font-style:normal;
}
body {
	position:relative;
	resize:both;
	z-index:0;
}
.border-1{
	@include border-1px(#f3f5f7);
} 
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfloat::after{
	content:'';
	display:block;
	clear:both;
}
i {
	font-style:normal;
}
body {
    background:#fff!important;
}
html {
    font-size: 100%;
}

#app {
    height: 100%;
    width: 100%;
    position: relative;
}

.index-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    .mainimg {
        display: inline-block;
        max-height:355/75*$rem!important;
        cursor: pointer;
    }
    #video-box{
        @include size(750/75*$rem,422/75*$rem,none);
    }
    .loadOver {
        padding: 15px 0;
        text-align: center;
        color: #999999;
        font-size: 14px;
        overflow: hidden;
        width: 730/75*$rem;
        margin-bottom: 0/75*$rem;
    }
    .tabgoods_new {
        background-color: #f7f7f7;
        padding: 24/75*$rem 0 0/75*$rem 20/75*$rem;
        height: 100%;
        -webkit-overflow-scroll:touch ;
        cursor: pointer;
        .goodsgroup {
            margin-bottom: 34/75*$rem;
            border-radius: 30/75*$rem;
            @include size(710/75*$rem,600/75*$rem,#fff);
            border-radius:30/75*$rem;
            box-shadow:0px 3/75*$rem 10/75*$rem 0px rgba(0, 0, 0, 0.16);
            cursor: pointer;
            .mainImgUrl_group{
                position: relative;
                @include size(710/75*$rem,360/75*$rem,none);
                .tabgoods_new_img {
                    @include size(710/75*$rem,360/75*$rem,none);
                    border-radius:30/75*$rem 30/75*$rem 0 0;
                    cursor: pointer;
                }
                .active_num {
                    @include po(290,0,0);
                    @include size(260/75*$rem,50/75*$rem,none);
                    @include font(28,50,#fff);
                    img {
                        position: absolute;
                        left: 0;
                        top:0;
                        z-index: 0;
                        @include size(260/75*$rem,50/75*$rem,none);
                    }
                    span{
                        
                        position: absolute;
                        top: 0;
                        display: inline-block;
                        @include size(260/75*$rem,50/75*$rem,none);
                        //font-family: PingFang-SC-Bold;
                        letter-spacing: 2/75*$rem;
                        text-align: center;
                        z-index: 1;
                    }
                }
            }
            .textgooods {
                @include size(100%,240/75*$rem,none);
                position: relative;
                strong{
                    display: block;
                    //font-family: PingFang-SC-Medium;
                    @include margin(18, 20);
                    @include font(32,48,#333333);
                    @include size(670/75*$rem,auto,none);
                    letter-spacing: 3/75*$rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .tabgoods_new_count {
                    display: block;
                    @include font(24,40,#999);
                    padding-left: 20/75*$rem;
                }
                .goods_detail {
                    // position: absolute;
                    // bottom: 0;
                    @include size(690/75*$rem,134/75*$rem,none);
                    @include margin(2, 19);
                    .goods_detail_left{
                        @include size(300/75*$rem,auto,none);
                        b{
                            
                            display: block;
                            //font-family: PingFang-SC-Bold;
                            @include font(28,134,#FF8E9C);
                            letter-spacing:-1/75*$rem;
                            span{
                                display: inline-block;
                                @include font(28,134,#FF8E9C);
                            }
                            span:nth-of-type(1){
                                padding-left:6 /75*$rem;
                            }
                        }
                        span{
                            display: block;
                            @include font(22,42,#999999);
                        }
                    }
                    .goods_detail_right{
                        @include size(146/75*$rem,134/75*$rem,none);
                        display: flex;
                        flex-flow: column;
                        margin-right: 19/75*$rem;
                        justify-content: center;
                        cursor: pointer;
                        span{
                            @include size(146/75*$rem,52/75*$rem,#FF8E9C);
                            border-radius: 52/75*$rem;
                            text-align: center;
                            @include font(26,52,#fff);
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .last{
            margin-bottom: 0;
        }
    }
    
  
}
.none_data{
    width: 100%;
    position: absolute;
    text-align: center;
    color: #bf9595;
    font-size: 14px;
    margin-top: 80px;
    img {
        display: inline-block;
        width: 57px;
        margin-bottom: 10px;
    }
    p{
        text-align: center;
        color:#999 ;
        font-family: '微软雅黑';
        @include font(30,50,#999);
    }
}